import React, { Component } from 'react'
import Item from '../Item'

export default class List extends Component {
    state = {
        todos: [],
    };

    render() {
        return (
            <div>
                {this.props.todos.map(n => {
                    return <Item item={n} key={n.id} updateTodos={this.props.updateTodos} updateDel={this.props.updateDel}></Item>
                })}
            </div>
        )
    }

    componentDidMount() {
        const { todos } = this.props
        this.setState({ todos: todos });
    }
}